<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <style>
            body{background:#ccc;}
            h1.masked{
                font: 140px "Arial";
                color:black;
                -webkit-mask-image: url(images/mask2.png);
                -o-mask-image: url(images/mask2.png);
                -moz-mask-image: url(images/mask2.png);
                mask-image: url(images/mask2.png);
                width: 100%;
                padding: 12% 0 12%;
                margin:0;
                text-align: center; 
            }
        </style>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <h1 class="masked">foo</h1>
        
    </body>
</html>
